/**
 *  学习目标：state 使用原则
 *    使用原则：state 只存储跟组件渲染相关的数据（比如：count / 列表数据 / loading 等）
 *    注意：不用做渲染的数据不要放在 state 中，比如定时器 id 等
 */
import React from 'react'

export default class App extends React.Component {
  state = {
    // 👎 不好的写法，timerId 不用于界面渲染，但是定义到了 state 中
    // timerId: -1,
  }

  // 👍 好的写法，不用做渲染的数据不要放在 state 中
  timerId = -1

  componentDidMount() {
    this.timerId = setInterval(() => {
      console.log('定时器运行中')
    }, 1000)
  }

  componentWillUnmount() {
    clearInterval(this.timerId)
  }

  render() {
    return (
      <>
        <h1>知识点标题</h1>
      </>
    )
  }
}
